<template>
  <a-form
    ref="dialogFormRef"
    :form="dialogFormResp"
    :label-col="{ span: 6 }"
    :wrapper-col="{ span: 18 }"
  >
    <a-form-item label="驳回理由" v-if="info.type === 'Reject'">
      <a-textarea
        placeholder="请输入驳回理由"
        v-decorator="[
          'deptRefuseUserDesc',
          { rules: [{ required: true, message: '请输入驳回理由!' }] },
        ]"
        :auto-size="{ minRows: 2, maxRows: 6 }"
      />
    </a-form-item>
  </a-form>
</template>
<script>
export default {
  props: {
    info: {
      type: Object,
      default: () => ({
        type: "",
      }),
    },
  },
  data() {
    return {
      dialogFormResp: this.$form.createForm(this, { name: "coordinated" }),
      userList: [],
    };
  },
  methods: {
    // 获取表单值
    getFormValues() {
      return new Promise((resolve, reject) => {
        this.dialogFormResp.validateFields((err, values) => {
          if (!err) {
            resolve(values);
          }
        });
      });
    },
  },
};
</script>
<style scoped>
.flex-row {
  display: flex;
  align-items: center;
}
.gap-2 {
  gap: 8px;
}
.items-center {
  align-items: center;
}
.text-blue {
  color: #4285f4;
}
.text-red {
  color: #ff4d4f;
}
.cursor-pointer {
  cursor: pointer;
}
</style>
